/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {
    margin: 0;
    padding: 0;
}

/** 设置默认字体 **/
html{
    font-size: 20px;
    font-family:sans-serif;
}
/*-----设置等高背景--*/
html, body{height: 100%;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/** 重置列表元素 **/
ul, ol { list-style: none; }

/** 重置文本格式元素 **/
a { text-decoration: none;color: inherit }


/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }

/* 清除浮动 */
.clear{zoom: 1}
.clear:after{clear: both;}
.clear:before,.clear:after{display: table;content: " "}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #cecece;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #cecece;
}
.imgClu{ }
.imgClu img{width: 100%; height: 100%; display: block}
.imgBox{ }
.imgBox img{width: 100%; height:auto; display: block}
.pr{position: relative}
.fl{float: left}
.fr{float: right}

.tl{text-align: left}
.tc{text-align: center}
.tr{text-align: right}
.tr-i{text-align: right !important;}

.auto{margin-left: auto;margin-right: auto}
.auto-i{margin-left: auto !important;margin-right: auto !important;}

/*-------------------------移动端的自适应布局样式-----------------------*/
.m-list{
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    align-items: center;
    box-align: center;
    -webkit-box-align: center;
}
.list-justify{
    box-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.list-top{
    align-items: start;
    box-align: start;
    -webkit-box-align: start;
}
.list-bottom{
    align-items: flex-end;
    box-align: end;
    -webkit-box-align: end;
}
.list-input .m-list-inner{
    -webkit-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
}
.m-list-name{font-size: 0.85rem}
.m-list-inner{
    margin-left: 0.75rem;
}
.list-input .m-list-inner input{
    border: none;
    outline: none;
    min-width: 6rem;
    /*height: 1.4rem;*/
    font-size: 0.75rem;
}
.m-list-block{
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
/*.list-tab{*/
/*border: 1px solid;*/
/*}*/
/*.list-tab .m-list-tab{*/
/*border-right: 1px solid;*/
/*text-align: center;*/
/*float: none;*/
/*}*/
.list-block .m-list-block{margin: 0 3% 3% 0}

/*----------------------页面所有用到的图标和小图片--------------------*/

/*------------字体图标----------*/

@font-face {font-family: "iconfont";
    src: url('../icon/iconfont.eot?t=1458719715'); /* IE9*/
    src: url('../icon/iconfont.eot?t=1458719715#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../icon/iconfont.woff?t=1458719715') format('woff'), /* chrome, firefox */
    url('../icon/iconfont.ttf?t=1458719715') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../icon/iconfont.svg?t=1458719715#iconfont') format('svg'); /* iOS 4.1- */
}

.icon{
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.icon-search:before { content: "\e600"; }
.icon-phone:before { content: "\e601"; }
.icon-star:before { content: "\e602"; }
.icon-changguan:before { content: "\e603"; }
.icon-email:before { content: "\e604"; }
.icon-women:before { content: "\e605"; }
.icon-renminbi:before { content: "\e606"; }
.icon-biaoqian:before { content: "\e607"; }
.icon-arrowleft:before { content: "\e608"; }
.icon-shijian:before { content: "\e609"; }
.icon-arrow:before { content: "\e60a"; }
.icon-arrowdown:before { content: "\e60b"; }
.icon-iphone:before { content: "\e60c"; }
.icon-zuobiao:before { content: "\e60d"; }
.icon-man:before { content: "\e60e"; }
.icon-iconfontuser:before { content: "\e60f"; }
.icon-jianshenjiaolian:before { content: "\e610"; }
.icon-iconfontcheck:before { content: "\e611"; }
.icon-mukeappicon03:before { content: "\e612"; }
/*---------css3 animate--transition---------------*/
.transition02{
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
}
.transition03{
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.transition04{
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.transition05{
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}

/*--------------------btn---------------------*/
.btn-box{
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.btn{
    display: block;
    height: 40px;
    line-height: 40px;
    background: #ffba02;
    color: #ffffff;
    text-align: center;
    border-radius: 4px;
    font-size: 16px;
}
.btn:active{background: #e3a402
}
.btn.btn-disable{
    background: #33333a;
    border: 1px solid #42424a;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.btn.btn-disable:active{
    background: #33333a;
}
.btn.btn-long{
    width: 100%;
}
.btn.btn-short{
    width: 80px;
}
/*---------------content--------------*/
.content{background: #2a2a30;min-height: 100%;
}